import store from '@/store'
// 封装指令
export const imerror =
{
  inserted(el, binding) {
    // img标签有个一onerror错误事件。执行时机:当图片加载失败的时候会执行这个onerror事件
    el.onerror = function() {
      // 如果执行了onerror说明图片加载失败
      el.src = binding.value
    }
  }
}

export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}

export const permission = {
  inserted(el, binding) {
    // points  一开始的的接口返回的权限数据存到vuex的infor了  这里引用一下
    const points = store.state.user.infor?.roles.points || []
    // 判断每个按钮传过来的参数  有没有给他这个按钮的权限  ，没有给的话就删除这个dom
    if (!points.includes(binding.value)) {
    //  el是使用这个指令的dom    el.parentNode 先找到当前的父级dom 然后 .removeChild(el)删除他里面的子级别
    // 我们是要删除使用指令的dom所以用 el
      el.parentNode.removeChild(el)
    }
  }
}
